<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<ul id="demo">
    <li id="item">
    <a href="#">ddd</a>
    </li>
</ul>
<script>

    //https://developer.mozilla.org/zh-CN/docs/Web/API/Node/firstChild
    //https://www.jianshu.com/p/695b5c78a7ca
    var li = document.getElementById("item");
    var ul = document.getElementById("demo");
    var arr = ["applie", "baidu", "google"];
    ul.removeChild(li);

    for(var a of arr){
        var cli = li.cloneNode(true);
        var link = cli.children[0];
        link.innerHTML = a;
        ul.appendChild(cli);
    }


</script>

</body>
</html>